<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="keywords" content="每一张背后都有一个温情的故事和不易" />
	<meta author="QiuChen" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>宜宾之美 · 记录美好生活</title>
	<!-- 引入layui -->
	<link rel="stylesheet" href="sources/layui/css/layui.css" />
	<!-- 引入横幅轮播图的样式 -->
	<link rel="stylesheet" href="css/layout_home_nav.css" />
	<!-- 引入搜索框样式 -->
	<link rel="stylesheet" href="css/layout_home_search.css" />
	<!-- 引入主体部分的样式 -->
	<link rel="stylesheet" href="css/layout_home_main.css">
	
</head>

<body>
	<!-- logo+导航栏 -->
	<header id="index_header">
		<div class="banner-imgBox">
			<div class="banner-imgBox2">
				<img src="img/nav/pexels_2 (3).jpg" alt="" />
				<img src="img/nav/pexels_2 (2).jpg" alt="" />
				<img src="img/nav/pexels_2 (5).jpg" alt="" />
				<!-- <img src="img/nav/pexels_2(4).jpg" alt=""> -->
			</div>
			<div class="banner-imgBox-div">
				<div class="on"></div>
				<div class="on"></div>
				<div class="on"></div>
				<!-- <div class="on"></div> -->
			</div>
			<!-- 左右箭头 -->
			<img src="img/nav/change_right.png" alt="" class="banner-imgBox-right" onclick="marginLeft(true)" />
			<img src="img/nav/change_left.png" alt="" class="banner-imgBox-left" onclick="marginLeft(false)" />

			<!-- 文字导航 -->
			<div class="font_nav" style="position: absolute; right: 20px; top: 20px">
				<ul>
					<li>
						<a href="" id="">探索</a>
						<div class="submenu">
							<ul>
								<li><a href="#fire_advice">热门推荐</a></li>
								<li><a href="code/happiest_challenge.html">挑战赛</a></li>
								<li><a href="code/upload_article_ahead.html">暖心扶贫</a></li>
							</ul>
						</div>
					</li>
					<li><a href="code/upload.html">上传内容</a></li>
					<li><a href="code/login.html">登录</a></li>
					<li id="add_button">
						<!-- <a href="">加入</a> -->
						<a href="code/registered_genert.html" class="layui-btn layui-btn-radius"
							style="display: inline-block; width: 80px; height: 30px;"><span class="add_span" "><strong>加入</strong></span></a>
						</li>
					</ul>
				</div>
			</div>
			<script src=" js/action_nav.js"> </script> <!-- 搜索框和文字 -->
								<div class="searche_font">
									<p class="searcher_due_p">Behind every photo is a warm story <br>
										of poverty alleviation</p>
									<br>
									<div class="searchbar">
										<img src="sources/icon/search_1.png" class="mg" />
										<input type="text" id="search" value="Search Warm story or Love happiness"
											onfocus="if(value=='Search Warm story or Love happiness')value=''"
											onblur="if(!value)value='Search Warm story or Love happiness'"
											name="keyword" />
										<img src="sources/icon/voice_1.png" class="mcp" />
										<!-- 推荐内容 -->
										<div class="proposal">
											<ul class="proposal_ul">
												<li><span class="proposal_span">推荐：</span></li>
												<li><a href="">美食,</a></li>
												<li><a href="">民宿,</a></li>
												<li><a href="">亲子,</a></li>
												<li><a href="">购物,</a></li>
												<li><a href="">情怀,</a></li>
												<li><a href="">更多</a></li>
											</ul>
										</div>
									</div>
								</div>
	</header>
	<!-- 主体部分 -->
	<main class="main_content">
		<!-- 导航栏 -->
		<div class="main_nav">
			<ul class="">
				<li><a href="index.html" class="main_nav_food"><span id="food">主页</span></a></li>
				<li><a href="#fire_advice">热门推荐</a></li>
				<li><a href="code/upload_article_ahead.html">暖心扶贫</a></li>
				<li><a href="code/happiest_challenge.html">挑战赛</a></li>
				<li><a href="code/question_solve.html">常见问题</a></li>
			</ul>
		</div>
		<!-- 清除样式 -->
		<div class="clear"></div>

		<!-- -----主体内容---------- -->
		<div class="main_imager" style="margin-left: 100px;"></div>
			<br>

			<h1 class="title_line">旅游向导</h1>
			<!-- 图片区域 -->
			<div class="cons">
				<div class="con">

					<div class="left">
						<div class="pic">
							<a href="code/places.html" target="_blank">
								<img src="img/main/travel_guider_p008.jpg" alt="" width="230" height="279">
							</a>
							<span class="lable"><strong>景区</strong></span>
						</div>
						<div class="tg_list">
							<ul>
								<li><a href="code/lead/5A.html" target="_blank">红色景区</a></li>
								<li><a href="code/lead/4A.html" target="_blank">4A景区</a></li>
								<li><a href="code/lead/brige.html" target="_blank">长江大桥</a></li>
								<li><a href="code/lead/academic.html" target="_blank">文博科教</a></li>
								<li><a href="code/hot_advice/sunflow.html" target="_blank">主题公园</a></li>
								<li><a href="code/hot_advice/ancient_town.html" target="_blank">遗产古迹</a></li>
							</ul>
						</div>
					</div>

					<div class="left">
						<div class="pic">
							<a href="code/route.html" target="_blank">
								<img src="img/main/travel_guider_p002.jpg" alt="" width="230" height="279">
							</a>
						</div>
						<span class="lable"><strong>线路</strong></span>
						<div class="tg_list">
							<ul>
								<li><a href="code/lead/goldBricks.html" target="_blank">金砖雅游</a></li>
								<li><a href="code/route.html" target="_blank">自驾游</a></li>
								<li><a href="code/route.html" target="_blank">夜游宜宾</a></li>
								<li><a href="code/lead/goldBricks.html" target="_blank">周边游</a></li>
								<li><a href="code/lead/brige.html" target="_blank">长江码头古迹</a></li>
							</ul>
						</div>
					</div>

					<div class="left">
						<div class="pic">
							<a href="code/taste_food.html" target="_blank">
								<img src="img/main/travel_guider_p003.jpg" alt="" width="230" height="279">
							</a>
						</div>
						<span class="lable"><strong>美食</strong></span>
						<div class="tg_list">
							<ul>
								<li><a href="code/lead/food.html" target="_blank">李庄白肉</a></li>
								<li><a href="code/lead/afternoon_tea.html" target="_blank">高县鸭儿粑</a></li>
								<li><a href="code/lead/goldBricks.html" target="_blank">双河豆花</a></li>
								<li><a href="code/lead/afternoon_tea.html" target="_blank">午间晚茶</a></li>
								<li><a href="code/taste_food.html" target="_blank">南溪豆腐干</a></li>
							</ul>
						</div>
					</div>

					<div class="left">
						<div class="pic">
							<a href="code/home.html" target="_blank">
								<img src="img/main/travel_guider_p004.jpg" alt="" width="230" height="279">
							</a>
						</div>
						<span class="lable"><strong>民宿</strong></span>
						<div class="tg_list">
							<ul>
								<li><a href="code/lead/flat.html" target="_blank">月亮半岛民宿</a></li>
								<li><a href="code/lead/homestay.html" target="_blank">浅水湾</a></li>
								<li><a href="code/home.html" target="_blank">水木东方民宿</a></li>
								<li><a href="code/lead/homestay.html" target="_blank">题海民宿</a></li>
							</ul>
						</div>
					</div>
				</div>

				<div class="left">
					<div class="pic">
						<a href="code/drive.html" target="_blank">
							<img src="img/main/travel_guider_p006.jpg" alt="" width="230" height="279">
						</a>
					</div>
					<span class="lable"><strong>交通</strong></span>
					<div class="tg_list">
						<ul>
							<li><a href="https://flights.ctrip.com/international/search/domestic" target="_blank">飞机航班</a></li>
							<li><a href="https://www.12306.cn/index/" target="_blank">列车时刻</a></li>
							<li><a href="https://www.8684.cn/" target="_blank">市区公交</a></li>
							<li><a href="https://bus.ctrip.com/" target="_blank">长途汽车</a></li>
							<li><a href="https://kyfw.12306.cn/otn/leftTicket/init" target="_blank">城市智轨</a></li>
							<li><a href="https://www.sofreight.com/tools_schedule____.html" target="_blank">轮船时刻</a></li>
						</ul>
					</div>
				</div>
			</div>


			<!-- 清除样式 -->
			<div class="clear" style="clear: both;"></div>
			<!-- 热门推荐部分 -->
			<div class="main_fire_advise">
				<br>
				<br>
				<a name="fire_advice"></a>
				<h1 class="title_line">热门推荐</h1>
				<ul>
					<li class="first">
						<a href="code/hot_advice/bamboo_sea.html" target="_blank"><img src="img/main/advise_p_0001.jpg" alt=""></a>
						<span>蜀南竹海</span>
					</li>

					<li class="second second_Runyear">
						<a href="code/hot_advice/daoxiang.html" target="_blank"><img src="img/main/advise_p_001.jpg" alt=""></a>
						<span>瑞年稻香农家</span>

					</li>
					<li class="second second_autoris">
						<a href="code/hot_advice/vacation.html" target="_blank"><img src="img/main/advise_p_002.jpg" alt=""></a>
						<span>日月温泉度假村</span>

					</li>
					<li class="second">
						<a href="code/hot_advice/sunflow.html" target="_blank"><img src="img/main/advise_p_003.jpg" alt=""></a>
						<span>向日葵花谷庄园</span>

					</li>
					<li class="second second_sea">
						<a href="code/travel_strategy_qinghai.html" target="_blank"><img src="img/main/advise_p_004.jpg" alt=""></a>
						<span>梦幻海洋</span>

					</li>
					<li class="second">
						<a href="code/hot_advice/ancient_town.html" target="_blank"><img src="img/main/advise_p_005.jpg" alt=""></a>
						<span>红色情系古镇</span>

					</li>
					<li class="second">
						<a href="code/travel_strategy_xizang.html" target="_blank"><img src="img/main/advise_p_006.jpg" alt=""></a>
						<span>虔诚净心</span>

					</li>
					<li>
						<a href="code/hot_advice/fruit.html" target="_blank"><img src="img/main/advise_p_007.jpg" alt=""></a>
						<span>橙子果香四溢</span>

					</li>
					<li class="second">
						<a href="code/travel_strategy.html" target="_blank"><img src="img/main/advise_p_008.jpg" alt=""></a>
						<span>长江博物馆</span>

					</li>
				</ul>
			</div>

			<!-- 游行攻略 -->
			<div class="clear"></div>
			<br>
			<br>
			<h1 class="title_line">游行攻略</h1>
			<div class="title_sub">独行或同游，聪明的人与你在一起</div>
			<div class="title_more"><a href="" target="_blank">MORE&gt;&gt;</a></div>
			<!-- 图片区域 -->
			<div class="clear"></div>
			<div class="container">
				<ul class="">
					<li>
						<div class="img_font">
							<a href="code/travel_strategy_qinghai.html" target="_blank"><img src="img/main/idea_p_1.jpeg" alt="" class="img_big"></a>
							<div class="div_white">
								<span>梦幻花海 茶卡盐湖</span><br>
								<img src="img/main/Gps.png" alt="" width="30px"><span>门源</span>
							</div>
						</div>
					</li>
					<li>
						<div class="img_font">
							<a href="code/travel_strategy.html" target="_blank"><img src="img/main/idea_p_2.jpg" alt="" class="img_big"></a>
							<div class="div_white">
								<span>文艺打卡 胜地 </span><br>
								<img src="img/main/Gps.png" alt="" width="30px"><span>厦门</span>
							</div>
						</div>
					</li>
					<li>
						<div class="img_font">
							<a href="code/travel_strategy_blossom.html" target="_blank"><img src="img/main/idea_p_3.jpg" alt="" class="img_big"></a>
							<div class="div_white">
								<span>樱花飘落 羞涩佳人</span><br>
								<img src="img/main/Gps.png" alt="" width="30px"><span> 上海</span>
							</div>
						</div>
					</li>
					<li class="last">
						<div class="img_font">
							<a href="code/travel_strategy_xizang.html" target="_blank"><img src="img/main/idea_p_4.jpg" alt="" class="img_big"></a>
							<div class="div_white">
								<span>遇见了“自然之美”</span><br>
								<img src="img/main/Gps.png" alt="" width="30px"><span> 西藏</span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!-- main的div -->
			<br><br><br>
		</div>
	</main>

	<!-- 页尾部分 -->
	<div class="clear"></div>
	<footer class="footer">
		<div class="footer_content">
			<div class="stroy">
				<p >
					每一个景点
					每一张照片
					每一个温情的故事
				</p>
			</div>
			<div class="relative">
				<span><a href="">联系我们:</a></span>
				<span>
					<img src="img/main/relative.png" alt="" width="30px">2541077525@qq.com
				</span>
				<span>
					<img src="img/main/telephone.png" alt="" width="30px">18282865957
				</span>
			</div>
			<hr >
			<div class="copy">
				<a href="https://beian.miit.gov.cn/#/Integrated/index">闽ICP备06013218号-2,</a>
				<span>Copyright © 2021 All Right Reserved, </span>
			</div>
		</div>
	</footer>
</body>

</html>